       <div class="container">
            <div class="row">
                <h2>APRESENTAÇÃO:</h2>
                <div class="col-xs-12">
                    <p class="lead lead-lg text-center animated bounceInLeft animation-delay-12">Desertificação: Implicações Socioambientais no Semiárido Brasileiro</p>
                    	 </div>

                <div class="col-md-8">
                     <section class="animated fadeIn">
            <div class="container">
                 
                <div class="row">
                    <div class="col-md-8">
                       
                        <h2 class="section-title">III Encontro de Meio Ambiente UVA/UNAVIDA</h2>
                        
                        
                         <?php 
                                    $image_properties = array(
                                    'src' => 'img/encontroServicoPrincipal.jpg',
                                    'alt' => '',
                                    'class' => 'img-responsive alignleft imageborder',
                                    'width' => '750',
                                    'height' => '513',
                                    'title' => 'II Encontro',
                                    );                                    
                                    echo img($image_properties);?>
                        
                        <p class="p-lg">
                            <strong>A UVA/UNAVIDA</strong> e seus cursos de graduação em Biologia e Geografia, com o objetivo de dar ao público 
                            amante das questões ambientais, realizará no próximo dia <strong>07 de junho</strong> do corrente ano o seu III ENCONTRO DE MEIO AMBIENTE com a temática <strong>Desertificação: Implicações Socioambientais no Semiárido Brasileiro</strong>, 
                            em consonância ao lançamento por parte da ONU que definiu 2014 como o Ano Internacional da Agricultura Familiar.
                         </p>
                        <div class="alert alert-info">
                            <strong>Informação Importante!</strong> 
                            Nesse ano o Evento traz como novidade a apresentação de trabalhos científicos em forma de pôster para que alunos e professores
                            possam mostrar os seus trabalhos produzidos.
                        </div>
                    </div>
                    
                    <div class="col-md-4">
                        <h2 class="section-title">Serviços</h2>
                        <div class="panel-group" id="accordion">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                                           Palestras
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseOne" class="panel-collapse collapse in">
                                    <div class="panel-body">
                                        <p>Palestra 1 - Caatinga e Desertificação no Semiárido Brasileiro.<br />Prof. Dr. Bartolomeu Israel de Sousa - UFPB</p>
                               <p>Palestra 2 - Desertificação e Agricultura Familiar - <br />Prof. Dr. Daniel Duarte Pereira - UFPB</p>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed">
                                            Mesa-Redonda
                                            </a>
                                    </h4>
                                </div>
                                <div id="collapseTwo" class="panel-collapse collapse">
                                    <div class="panel-body">
                                       
                               <p>Mediador: Prof. Dr. Napoleão de Farias Maracajá</p>
                               <p>Membros: Prof. Dr. Marx Prestes Barbosa - UFCG, 
                               Pesquisador Dr. Aldrin Martin Pérez-Marin - INSA, 
                               Engenheiro Agrônomo José Procópio de Lucena - ASA</p>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="collapsed">
                                            Publicação de Trabalhos
                                            </a>
                                    </h4>
                                </div>
                                <div id="collapseThree" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <p>Os trabalhos serão recebidos por formulário on-line até meia-noite do dia 30 de abril de 2014, impreterivelmente. Poderão ser submetidos na modalidade Pôster.</p>
                                         <a href="<?=base_url();?>principalcontroller/servicosP" class="btn btn-success pull-right">Normas publicação</a>
                                 
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> <!-- container -->
        </section>
                </div>
                <!--<div class="col-md-4">
                    <div class="panel panel-primary">
                        <div class="panel-heading">Our skills</div>
                        <div class="panel-body">
                            <section>
                                <h4 class="section-title">Web development knowledge</h4>
                                <h5>HTML 5</h5>
                                <div class="progress progress-sm">
                                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">
                                        <span class="sr-only">100% Complete</span>
                                    </div>
                                </div>
                                <h5>CSS 3</h5>
                                <div class="progress progress-sm">
                                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">
                                        <span class="sr-only">100% Complete</span>
                                    </div>
                                </div>
                                <h5>Javascript</h5>
                                <div class="progress progress-sm">
                                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
                                        <span class="sr-only">80% Complete</span>
                                    </div>
                                </div>
                                <h5>Jquery</h5>
                                <div class="progress progress-sm">
                                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
                                        <span class="sr-only">50% Complete</span>
                                    </div>
                                </div>
                                <h5>Bootstrap</h5>
                                <div class="progress progress-sm">
                                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;">
                                        <span class="sr-only">85% Complete</span>
                                    </div>
                                </div>
                                <h5>Responsive Desing</h5>
                                <div class="progress progress-sm">
                                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;">
                                        <span class="sr-only">85% Complete</span>
                                    </div>
                                </div>
                            </section>

                            <section>
                                <h4 class="section-title">Game Programming</h4>
                                <h5>C++</h5>
                                <div class="progress progress-sm">
                                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">
                                        <span class="sr-only">100% Complete</span>
                                    </div>
                                </div>
                                <h5>OpenGL</h5>
                                <div class="progress progress-sm">
                                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%;">
                                        <span class="sr-only">30% Complete</span>
                                    </div>
                                </div>
                                <h5>SFML</h5>
                                <div class="progress progress-sm">
                                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
                                        <span class="sr-only">90% Complete</span>
                                    </div>
                                </div>
                                <h5>Unity 3D</h5>
                                <div class="progress progress-sm">
                                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
                                        <span class="sr-only">50% Complete</span>
                                    </div>
                                </div>
                                <h5>libGDX</h5>
                                <div class="progress progress-sm">
                                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
                                        <span class="sr-only">90% Complete</span>
                                    </div>
                                </div>
                                <h5>Cocos2D-x</h5>
                                <div class="progress progress-sm">
                                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
                                        <span class="sr-only">90% Complete</span>
                                    </div>
                                </div>
                            </section>

                            <h4 class="section-title">Languages</h4>
                            <h5>English</h5>
                            <div class="progress progress-sm">
                                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
                                    <span class="sr-only">70% Complete</span>
                                </div>
                            </div>
                            <h5>Spanish</h5>
                            <div class="progress progress-sm">
                                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">
                                    <span class="sr-only">100% Complete</span>
                                </div>
                            </div>
                            <h5>French</h5>
                            <div class="progress progress-sm">
                                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%;">
                                    <span class="sr-only">30% Complete</span>
                                </div>
                            </div>
                            <h5>Germany</h5>
                            <div class="progress progress-sm">
                                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100" style="width: 10%;">
                                    <span class="sr-only">10% Complete</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>-->
            </div>
        </div> <!-- container -->
       